.page_number_block {

    margin: 0 0.5em;
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    .navbut {
        font-size: 2em;
        margin: 0 0.1em;
        border-radius: 100%;
        cursor: pointer;

        &:hover {
            transform: scale(1.1);
            box-shadow: 0 0 1px gray;
        }

        &:active {
            background: #555;
            color: white;
        }
    }

    .page_number {
        flex: 1 1 auto;
        min-width: 1em;
        max-width: 8em;
        white-space: nowrap;
    }

    input.page_number {
        max-width: 4em;
    }
}